<template>
	<view class="" v-if="pageShow">
		<view class="content"></view>
		<view class="flexcenter" style="padding-top: 60rpx;">
			<image src="../../static/image/jb.png" style="width: 450rpx;" mode="widthFix"></image>
		</view>
		<view class="flexcenter fonweight margin_top2 baixian" style="font-size: 40rpx;color: #33d5a6;">{{systemInfo.title1}}</view>
		<view class="paihangbang textcenter">排行榜</view>
		<view class="mainpadding_top">
			<view class="bighbtn" style="border-radius: 10rpx 10rpx 0 0;">
				<image src="@/static/image/yd.png" style="width: 80rpx;margin-right: 30rpx;" mode="widthFix"></image>
				<text>{{systemInfo.$title2}}</text>
			</view>
			<view class="mainpadding radius" style="border-radius: 0 0 10rpx 10rpx; background-color: rgba(255, 255, 255, .6);">
				<view class="margin_top textcenter xiaolv sanshier bighbtn fonweight"
					style="font-size: 40rpx;border-radius: 50rpx;background:#33d5a6;" @click="jumpurl('/pages/index/dengji')">
					<!-- <view class="textcenter xiaolv sanshier margin_top bighbtn fonweight" style="font-size: 40rpx;border-radius: 50rpx;background: linear-gradient(95deg, #33d5a6 0%, #b0e9cd 100%);"> -->
					<image src="../../static/image/yd1.png" style="width: 80rpx;margin-right: 30rpx;" mode="widthFix">
					</image>
					<text class="margin_right3">登记成绩查询排名</text>
					<image src="../../static/image/yd2.png" style="width: 80rpx;" mode="widthFix"></image>
				</view>
				<view class="margin_top6 textcenter xiaolv sanshier bighbtn fonweight"
					style="font-size: 40rpx;border-radius: 50rpx;background:#33d5a6;" @click="jumpurl('/pages/index/chaxunpm')">
					<!-- <view class="textcenter xiaolv sanshier margin_top6 bighbtn fonweight" style="font-size: 40rpx;border-radius: 50rpx;background: linear-gradient(95deg, #33d5a6 0%, #b0e9cd 100%);"> -->
					<image src="../../static/image/yd1.png" style="width: 80rpx;margin-right: 30rpx;" mode="widthFix">
					</image>
					<text class="margin_right3">已登记用户查询排名</text>
					<image src="../../static/image/yd2.png" style="width: 80rpx;" mode="widthFix"></image>
				</view>
				<view class="textcenter flexcenter margin_top6 xiaolv sanshier bighbtn fonweight"
					style="font-size: 40rpx;border-radius: 50rpx; background: linear-gradient(95deg, #EA3946 0%, #ecbaba 100%);" @click="jumpurl('/pages/index/jiaoliuqun')">
					<image src="../../static/image/yd1.png" style="width: 80rpx;margin-right: 30rpx;" mode="widthFix">
					</image>
					<text class="margin_right3">{{systemInfo.title3}}</text>
					<image src="../../static/image/yd2.png" style="width: 80rpx;" mode="widthFix"></image>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				pageShow:false,
				systemInfo:{},
				ky:null
			}
		},
		onLoad() {
			this.init()
			this.system()
		},
		methods: {
			init() {
				httpRequest.request('/api/schoolcl/kyInfo', 'GET', {
				}).then(res => {
					this.pageShow = true
					if(res.code==1){
						uni.setNavigationBarTitle({
							title:res.data.title
						})
						this.ky = res.data
					}
				})
			},
			system() {
				httpRequest.request('/api/index/getConfigInfo', 'GET', {
				}).then(res => {
					this.systemInfo = res.data
				})
			},
			jumpurl(url){
				if(this.ky = null){
					httpRequest.toast("暂无考研信息！")
					return false
				}
				uni.navigateTo({
					url
				})
			},
		}
	}
</script>

<style>
	.content {
		background-image: url("../../static/image/bg.jpg");
		width: 100%;
		height: 100%;
		position: fixed;
		background-size: 100% 100%;
		z-index: -1;
	}

	.paihangbang {
		font-size: 100rpx;
		text-align: center;
		font-weight: bold;
		color: #ffa126;
		text-shadow: -3px 0 rgba(255, 255, 255, 1), 0 3px rgba(255, 255, 255, 1), 3px 0 rgba(255, 255, 255, 1), 0 -3px rgba(255, 255, 255, 1);
	}
	.baixian{
		text-shadow: -3px 0 rgba(255, 255, 255, 1), 0 3px rgba(255, 255, 255, 1), 3px 0 rgba(255, 255, 255, 1), 0 -3px rgba(255, 255, 255, 1);
	}

	.posi1 {
		position: fixed;
		right: -100rpx;
		top: 50rpx;
		z-index: 0;
		width: 400rpx;
		height: 400rpx;
	}

	.luyan {
		margin-top: 100rpx;
		font-size: 80rpx;
		color: #33d5a6;
		font-weight: bold;
	}

	.posi2 {
		position: fixed;
		left: -100rpx;
		bottom: 250rpx;
		z-index: 0;
		width: 400rpx;
		height: 400rpx;
	}
</style>